<template>
  <q-layout view="hHh lpR lFf" class="bg-grey-3 text-grey">
    <q-header elevated class="bg-white text-grey-8" height-hint="64">
      <header-page></header-page>
    </q-header>
    <q-page-container>
        <router-view class="bg-white " />
    </q-page-container>
<!--    <q-footer reveal elevated>-->
<!--      <div style="text-align: center; line-height: 40px; background-color: white;user-select: none;">-->
<!--        <span style="color: #999999;font-size:12px">Copyright © 2022–2023 SybioGene s.r.o. | Help | Support | -->
<!--          SybioGene-->
<!--          Privacy Policy | SybioGene Account-->
<!--          Agreement| Build #2023.03-3111</span>-->
<!--      </div>-->
<!--    </q-footer>-->
  </q-layout>
</template>

<script setup>
import HeaderPage from 'src/components/layouts/HeaderPage.vue'
import AsidePage from 'src/components/layouts/AsidePage.vue'

</script>

<style lang="scss" >
.q-focus-helper::after {
  background-color: unset;
}

.q-expansion-item .q-item {
  border-radius: 5px 5px;
}

//.q-item--active .q-item__label,
//.q-item--active .q-icon {
//  color: $primary !important;
//}

.acitve-expansion-item {
  color: $primary !important;
}

.q-tab-panel {
  padding-top: 5px;
}

.drawer-project-title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-all;
}

.el-menu--horizontal {
  height: 40px;
  border: unset;

  .el-sub-menu__title {
    color: $grey-8 !important;
  }
}

.el-divider {
  margin: 10px 0;
}</style>
